<template>
  <div class="kernel">
    <div class="main">
      <SideMenu></SideMenu>
      <SlideShow></SlideShow>
      <Person></Person>
    </div>
    <div class="recommend">
      <Recommend></Recommend>
    </div>
  </div>
</template>

<script>
  import SideMenu from "@/components/Kernel/main/SideMenu";
  import SlideShow from "@/components/Kernel/main/SlideShow";
  import Person from "@/components/Kernel/main/Person";
  import Recommend from "@/components/Kernel/Recommend";
  export default {
    name: "Kernel",
    components:{
      SideMenu,
      SlideShow,
      Person,
      Recommend
    }
  }
</script>

<style scoped>
.main{
  display: flex;
}
  .recommend{
    margin-top: 25px;
  }
</style>